<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    
    <title>若依管理系统</title>
    <meta name="keywords" content="若依,若依开源,若依框架,若依系统,ruoyi">
    <meta name="description" content="若依基于SpringBoot2.0的权限管理系统 易读易懂、界面简洁美观。 核心技术采用Spring、MyBatis、Shiro没有任何其它重度依赖">
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/style.css" th:href="@{/css/style.css}" rel="stylesheet"/>
    <link href="../static/css/login.css" th:href="@{css/login.css}" rel="stylesheet"/>
    <link href="../static/ajax/libs/iCheck/custom.css" th:href="@{/ajax/libs/iCheck/custom.css}" rel="stylesheet"/>
    <link href="../static/ruoyi/css/ry-ui.css" th:href="@{/ruoyi/css/ry-ui.css?v=3.3.0}" rel="stylesheet"/>
    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
    <link rel="shortcut icon" href="../static/favicon.ico" th:href="@{favicon.ico}"/>
    <style type="text/css">label.error { position:inherit;  }</style>
    <script>
        if(window.top!==window.self){window.top.location=window.location};
    </script>
</head>

<body class="signin">

    <div class="signinpanel">
        <div class="signinpanel">
            <div id="login_form">

                <div class="login-box-body" id="loginbox" style="height: 400px">
                    <p class="login-box-msg">管理平台登录</p>
                    <form id="loginByUsernameForm">
                        <div class="form-group has-feedback login-by-username">
                            <input type="text" class="form-control" name="username" placeholder="用户名">
                            <span class="glyphicon glyphicon-user form-control-feedback"></span>
                        </div>
                        <div class="form-group has-feedback login-by-username">
                            <input type="password" class="form-control" name="password" placeholder="密码">
                            <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                        </div>

                        <div class="form-group has-feedback">
                            <div class="row">
                                <div class="col-xs-6">
                                    <input type="text" name="validateCode" class="form-control code" placeholder="验证码" maxlength="5" autocomplete="off">
                                </div>
                                <div class="col-xs-6">
                                    <a href="javascript:void(0);" title="点击更换验证码">
                                        <img th:src="@{captcha/captchaImage(type=${captchaType})}" class="imgcode" width="85%"/>
                                    </a>
                                </div>
                            </div>
                        </div>

                    </form>
                    <form id="loginByMobileForm">
                        <div class="form-group has-feedback">
                            <input type="text" class="form-control" id="mobile" name="mobile" placeholder="手机号码">
                            <span class="glyphicon glyphicon-phone form-control-feedback"></span>
                        </div>
                        <div class="form-group has-feedback">
                            <div class="row">
                                <div class="col-xs-6">
                                    <input type="text" class="form-control" id="vcode" name="vcode" placeholder="短信验证码" style="margin-top:0;">
                                </div>
                                <div class="col-xs-6">
                                    <button type="button" class="btn btn-info btn-block" id="btnGetVcode" style="margin-top:0;">获取验证码</button>
                                </div>
                            </div>
                        </div>
                    </form>
                    <div class="row" style="margin-bottom: 15px;">
                        <div class="col-xs-6">
                            <label class="check-box">
                                <input type="checkbox" name="rememberme" th:value="1"/>记住我
                            </label>
                        </div>
                        <div class="col-xs-6" style="text-align: right;line-height: 35px;">
                            <strong><a href="javascript:void(0);" id="findPassword">忘记密码？</a></strong>
                        </div>
                    </div>
                    <div class="form-group has-feedback">
                        <button type="button" class="btn btn-success btn-block" id="btnSubmit">登录</button>
                    </div>
                    <div class="" style="margin-top: 15px;text-align: right;">
                        <strong><a id="loginByMobile" href="javascript:void(0)">手机号登录&raquo;</a></strong>
                        <strong><a id="loginByUsername" href="javascript:void(0)">账号密码登录&raquo;</a></strong>
                    </div>
                </div>
                <!-- 找回密码 -->
                <div class="login-box-body" id="findBox" style="height: 350px;display: none;">
                    <div id="saveNewPasswordForm" style="display: none;">
                        <p class="login-box-msg">密码重置</p>
                        <form>
                            <div class="form-group has-feedback login-by-username">
                                <input type="text" class="form-control clear-input" disabled name="findUsername" placeholder="用户名">
                                <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                            </div>
                            <div class="form-group has-feedback login-by-username">
                                <input type="password" class="form-control clear-input" name="newPassword" placeholder="新密码">
                                <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                            </div>
                            <div class="form-group has-feedback login-by-username">
                                <input type="password" class="form-control clear-input" name="newPassword2" placeholder="确认新密码">
                                <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                            </div>
                        </form>
                        <div class="row" style="margin-bottom: 15px;"></div>
                        <div class="form-group has-feedback">
                            <button type="button" class="btn btn-success btn-block" id="btnSubmitPassword">提交修改</button>
                        </div>
                        <div class="" style="margin-top: 15px;text-align: right;">
                            <strong><a class="find-loginByUsername" href="javascript:void(0)">账号密码登录&raquo;</a></strong>
                        </div>
                    </div>

                    <div id="resetPasswordByMobileForm">
                        <p class="login-box-msg">手机验证</p>
                        <form>
                            <div class="form-group has-feedback">
                                <input type="text" class="form-control clear-input" id="resetPasswordMobile" name="resetPasswordMobile" placeholder="手机号码">
                                <span class="glyphicon glyphicon-phone form-control-feedback"></span>
                            </div>
                            <div class="form-group has-feedback">
                                <div class="row">
                                    <div class="col-xs-6">
                                        <input type="text" class="form-control clear-input" id="findVcode" name="findVcode" placeholder="短信验证码" style="margin-top:15px;">
                                    </div>
                                    <div class="col-xs-6">
                                        <button type="button" class="btn btn-info btn-block" id="btnGetFindPasswordVcode" style="saveNewPasswordFormmargin-top:0;">获取验证码</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <div class="row" style="margin-bottom: 15px;"></div>
                        <div class="form-group has-feedback">
                            <button type="button" class="btn btn-success btn-block" id="btnFindPassword">提交</button>
                        </div>
                        <div class="" style="margin-top: 15px;text-align: right;">
                            <strong><a class="find-loginByUsername" href="javascript:void(0)">账号密码登录&raquo;</a></strong>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="login-footer">&copy; 2019 All Rights Reserved. </div>
    </div>
<script th:inline="javascript"> var ctx = [[@{/}]];</script>
    <script th:inline="javascript">
        var captchaType = [[${captchaType}]];
        var loginType = "username";
        var waitTime = 0;
    </script>
<!-- 全局js -->
<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
<script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
<!-- 验证插件 -->
<script src="../static/ajax/libs/validate/jquery.validate.min.js" th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>
<script src="../static/ajax/libs/validate/messages_zh.min.js" th:src="@{/ajax/libs/validate/messages_zh.min.js}"></script>
<script src="../static/ajax/libs/layer/layer.min.js" th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<script src="../static/ajax/libs/iCheck/icheck.min.js" th:src="@{/ajax/libs/iCheck/icheck.min.js}"></script>
<script src="../static/ajax/libs/blockUI/jquery.blockUI.js" th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<script src="../static/ruoyi/js/ry-ui.js" th:src="@{/ruoyi/js/ry-ui.js?v=3.3.0}"></script>
<script src="../static/ruoyi/login.js" th:src="@{/ruoyi/login.js}"></script>
<script src="../static/ruoyi/js/common.js" th:src="@{/ruoyi/js/common.js}"></script>
</body>
</html>
